/* - - - - - - - - - - - - - - - - -*/
/*           Importation            */
/* - - - - - - - - - - - - - - - - -*/

	@import "url";
	@import "main";
/* - - - - - - - - - - - - - - - */
/*            URL                */
/* - - - - - - - - - - - - - - - */
@url_picture : "../image";
@url_nav : "@{url_picture}/navigation";
@url_user : "@{url_picture}/perso";
@url_logo : "@{url_picture}/logoAG";
@url_footer : "@{url_picture}/footer";
@url_bouton : "@{url_picture}/bouton";

@url_accueil : "@{url_picture}/accueil";
@url_accueil_titre : "@{url_accueil}/titre";
@url_accueil_menu : "@{url_accueil}/menu";
@url_accueil_suivre : "@{url_accueil}/suivre";
@url_accueil_pub : "@{url_accueil}/pub";
@url_accueil_actu : "@{url_accueil}/actu";
@url_accueil_sponsor : "@{url_accueil}/sponsor";

/* - - - - - - - - - - - - - - - - -*/
/*            Variables             */
/* - - - - - - - - - - - - - - - - -*/
/* main.less */
@height_bouton : 40px;
@width_bouton_side : 7px;

/* background.less */
@height : 1512px;
@width : 1905px;

@height_header: 170px;
@height_footer: 404px;
@height_stick: 8px;
@width_content: 1004px;

@height_user_bar: 38px;
@height_nav_bar: 104px;
@height_logo_bar: 102px;
@width_logo_bar:632px;
@width_logo_bar_right:6px;

/* accueil.less */
@height_about : 40px;
@width_about : 158px;
@height_menu : 104px;
@width_menu : 1004px;
@width_menu_side : 7px;
@width_menu_one : 283px;
@width_menu_two : 226px;
@width_menu_three : 202px;
@width_menu_four : 270px;
@height_menu_inscrire : 40px;

@height_content :276px;
@width_content : 1004px;

@width_actu : 522px;
@height_actu_top : 60px;
@height_actu_contenu : 101px;
@width_actu_contenu : 361px;
@width_actu_lire : 166px;

@width_pub : 474px;
@width_pub_left : 146px;
@width_pub_right : 324px;

@height_sponsor : 164px;
@height_sponsor_top : 61px;
@width_sponsor_one : 662px;
@width_sponsor_two : 174px;
@width_sponsor_three : 168px;
@width_sponsor_img : 150px;
@width_sponsor_left : 6px;
@width_sponsor_right : 6px;
@margin_sponsor : 11px;

/* inscription.less */
@width_inscription: 1004px;
@height_inscription : 926px;

@height_top : 104px;
@height_middle : 818px;
@height_bottom : 4px;
@space_top_middle : 10px;

@width_top_side : 7px;
@width_top_middle : 990px;

@barre_width : 3px;
@height_content_top : 100px;

/* compte.less */
@width_compte: 1014px;
@height_compte: 626px;
@height_topcompte:104px;
@height_adresse: 214px;
@width_erreur: 1022px;
@height_erreur: 118px;
@height_coinbas: 4px;
@width_coin: 7px;
@width_jaugegauche:5px;
@height_bouton_h: 40px;
@height_corps:526px;


/* - - - - - - - - - - - - - - - - -*/
/*         Anjougame.com            */
/* - - - - - - - - - - - - - - - - -*/
/* - - - - - - - - - - - - - - - - -*/
/*            Index.php             */
/* - - - - - - - - - - - - - - - - -*/
html 
{
	background-color: black;

	a{ text-decoration:none;}
	body
	{
		position:absolute;
		width:100%;
		height : @height;
		background : url("@{url_picture}/Fond.jpg") no-repeat top center;
		top:0px;
		margin:auto;
		min-width:1004px;
		
		
		.barretop 
		{
			position:relative;
			margin-top:0px;
			float:left;
			height:6px;
			width: 100%;
			background-color:#151515;
		}
		
		#header
		{ 	
			position: relative;
			width : @width_content;
			height : @height_header;
			margin-left:auto;
			margin-right:auto;
			
			
			#user_bar
			{
				float:left;
				width: 760px;
				height : @height_user_bar;
				text-decoration : none;
				margin-left:290px;
				margin-top:auto;
				
							
				.first
				{
					width : 7px;
					padding : 0px;
					background : url("@{url_user}/CoinGauche.png") no-repeat;
				}
				li
				{
					height : @height_user_bar;
					text-decoration : none;
					background : url("@{url_user}/Corps.png") repeat-x;
					display : block;
					float : left;
					padding-left : 19px;
					color : #fff;
					font-size : 15px;
					img
					{
						margin-top : 7px;
						margin-right : 9px;
						margin-left : 20px;
						float : left;
					}
					.separation
					{
						float : right;
						margin : 0px;
						top:-10px;
					}
					 span
					{
						float : left;
						margin-top : 8px;
					}
					.nbcommande
					{
						width:22px;
						height:22px;
						margin-top : 7px;
						margin-right : 9px;
						margin-left : 20px;
						color:white;
						padding-left:6px;
						float:left;
						background:url("../image/perso/ellipse.png") no-repeat;
					}
				}
				.last
				{
					width : 7px;
					padding : 0px;
					background : url("@{url_user}/CoinDroit.png") no-repeat;
				}
			}
			#logo_bar
			{
				width : @width_logo_bar;
				height : @height_logo_bar;
				background : url("@{url_logo}/Bloc.png");
				position : relative;
				overflow: visible;
				margin-top:-120px;
				margin-left:-443px;
				float:left;
				img
				{
					position:relative;
					float : right;
					margin-right : 35px;
					margin-top : 25px;
				}
			}
			#nav_bar
			{
				width:850px;
				height : @height_nav_bar;
				text-decoration : none;
				position : relative;
				margin-top:2px;
				margin-left : 165px;
				overflow: visible;
				float:left;
				.first
				{
					width : 7px;
					padding : 0px;
					background : url("@{url_nav}/CoinGauche.png") no-repeat;
					
				}
				li
				{
					height : @height_nav_bar;
					text-decoration : none;
					background : url("@{url_nav}/Corps.png") repeat-x;
					display : block;
					float : left;
					padding-left : 20px;
					padding-right : 20px;
					color : #000;
					font-size : 16px;
					font-family : "Myriad Pro Bold";
					text-align : center;
					span 
					{
						
						margin-top : 40px;
						display : inline-block;
					}
					img
					{
					 margin-top:35px;
					}
					.fleche 
					{
						
						margin:auto;
						
					}
				}
				.last
				{
					width : 7px;
					padding : 0px;
					background : url("@{url_nav}/CoinDroit.png") no-repeat;
				}
				.separation
				{
					float : left;
					margin : 0px;
					
				}
			}
		}
		#content
		{
			height : @height - @height_footer - @height_header - @height_stick;
			width : @width_content;
			position : relative;
			margin: auto;
			#acceuil 
			{
				#accueil_titre
				{
					padding-top:40px;
					font-size: 42pt;
					color : #f5f5f5;
					text-transform: uppercase;
					font-weight:bold;

					.about
					{
						display : inline-block;
						position : relative;
						width : @width_about - 18px;
						height : @height_about - 8px;
						background : url("@{url_accueil_titre}/Cadre.png");
						color: #ffffff;
						font-size: 15px;
						text-transform: none;
						font-weight : normal;
						padding-left : 18px;
						padding-top : 8px;
						left : 40px;
						top : -15px;
					}
				}

				/* - - - - - - - - - - - - - - - - -*/
				/*              Menu                */
				/* - - - - - - - - - - - - - - - - -*/

				#accueil_menu
				{
					width : @width_menu;
					height : @height_menu;
					margin-top : 12px;
					text-decoration : none;
					margin : 0px;
					padding : 0px;

					img
					{
						float : left;
					}

					li
					{
						height : @height_menu;
						background : url("@{url_accueil_menu}/Corps.png") repeat-x;
						float : left;
						text-decoration : none;
						display : block;
						margin : 0px;
						padding : 0px;

						.inscrire
						{
							.main_bouton;
							margin-left: 27px;
							margin-top: 31px;
							float:left;
						}
					}
					
					.left
					{
						width : @width_menu_side;
						height : @height_menu;
						background : url("@{url_accueil_menu}/CoinGauche.png");
						float : left;
					}

					.right
					{
						width : @width_menu_side;
						height : @height_menu;
						background : url("@{url_accueil_menu}/CoinDroit.png");
						float : left;
					}

					.one
					{
						width : @width_menu_one;
						.title 
							{
								margin-left: 23px;
								margin-top: 20px;
								color: #303030;
								font-size: 30px;
								float:left;
								font-weight: bold;
							}
							
							.text {
								margin-left: 23px;
								color: #ABABAB;
								font-size: 15px;
								float:left;
								font-weight: bold;
							}
					}

					.two
					{
						width : @width_menu_two;
						.text
							{
								margin-top: 30px;
								margin-left: 30px;
								color: #ABABAB;
								font-size: 15px;
								float:left;
								font-weight: bold;
							}
					}

					.three
					{
						width : @width_menu_three;
						.text
							{
								margin-top: 30px;
								margin-left: 30px;
								color: #ABABAB;
								font-size: 15px;
								float:left;
								font-weight: bold;
							}
					}
					.four
					{
						width : @width_menu_four;
						.comment 
							{
								float: right;
								color: #ABABAB;
								margin-right: 22px;
								margin-top: 30px;
								.iconeeclair 
									{
										float:right;
										margin-top:6px;
									}
							}
						a 
							{
								
								color: #ABABAB;
							}
					}

						
				}

				/* - - - - - - - - - - - - - - - - -*/
				/*              Content             */
				/* - - - - - - - - - - - - - - - - -*/

				#accueil_content
				{
					height : @height_content;
					width : @width_content;
					margin-top : 50px;
				}

				/* - - - - - - - - - - - - - - - - -*/
				/*              Actualité           */
				/* - - - - - - - - - - - - - - - - -*/

				#accueil_actu
				{
					width : @width_actu;
					height : @height_content;
					float: left;
					
					.top
					{
						height : @height_actu_top;
						width : @width_actu;
						background : url("@{url_accueil_actu}/Bloc2.png");
						margin-bottom : -10px;
						img 
						{
							float: left;
							margin-top:2px;
						}
						.title 
							{
								float:left;
								padding-left: 30px;
								padding-top: 15px;
								font-size: 15px;
								width: 100px;
								height: 30px;
								color: #F5F5F5;
								font-weight:bold;
							}
						.all 
							{
								color: #F5F5F5;
								padding-top:15px;
								float:right;
								height: 30px;
								width: 160px;
								font-size:15px;
								margin-right: 30px;
							
								
								.right {
								float: right;
								margin-left:5px;
								margin-top:-1px;
								}
								
							}
							a 
							{
								
								color: #F5F5F5;
							}
					}

					.actu
					{
						height : @height_actu_contenu;
						width : @width_actu;
						margin-top : 10px;

						.contenu
						{
							height : @height_actu_contenu;
							width : @width_actu_contenu;
							background : url("@{url_accueil_actu}/Fond.png") no-repeat;
							float : left;
							
							
							
							.title 
							{
								margin-top:30px;
								margin-left:30px;
								color:#FFFFFF;
								font-weight: bold;
								font-size: 15px;
								float:left;
							}
							
							.texte 
							{
								margin-left:30px;
								color:#C5D3DE;
								font-size: 15px;
								float:left;
							}
						}

						.lire
						{
							height : @height_actu_contenu;
							width : @width_actu_lire;
							background : url("@{url_accueil_actu}/Bloc.png");
							margin-left : -5px;
							float : left;
							font-size: 15px;
							a
							{
								color: #AAAAAA;
							}
							.center 
							{
								width: 60px;
								height:25px;
								margin: auto;
								margin-top: 40px;
								text-align: left;
								.loupe
								{
								margin-left:4px;
								float:right;
								}
							}
						}
					}
				}

				/* - - - - - - - - - - - - - - - - -*/
				/*                Pub               */
				/* - - - - - - - - - - - - - - - - -*/

				#accueil_pub
				{
					width : @width_pub;
					height : @height_content;
					float : left;
					margin-left : 8px;

					.left
					{
						width : @width_pub_left;
						height : @height_content - 15px;
						background : url("@{url_accueil_suivre}/Bloc.png");
						text-align : center;
						font-size : 14px;
						color : #f5f5f5;
						padding-top : 15px;
						text-transform: uppercase;
						font-weight: bold;
						font-family : "Myriad Pro Bold", "Myriad Pro";
						float : left;

						img
						{
							margin-top : 10px;
						}
					}

					.right
					{
						width : @width_pub_right;
						height : @height_content;
						background : url("@{url_accueil_pub}/Cadre.png");
						float : left;
						margin-left : 4px;

						img
						{
							margin-top : 10px;
							margin-left : 10px;
						}
					}
				}
			}
			/* - - - - - - - - - - - - - - - - -*/
				/*              Sponsor             */
				/* - - - - - - - - - - - - - - - - -*/

			.list_sponsor(@nbre : 1)
			{
				width : @nbre * (@width_sponsor_img + @width_sponsor_left + @width_sponsor_right) + (@nbre - 1) * 3px;

				li
				{
					width : @width_sponsor_img;
					padding-left : 6px;
					padding-right : 6px;
					height : @height_sponsor - @height_sponsor_top;
					background: url("@{url_accueil_sponsor}/Corps.png");
				}

				.first
				{
					padding-left : 0px;
				}

				.last
				{
					padding-right : 0px;
				}

				.left
				{
					width : @width_sponsor_left;
					background: url("@{url_accueil_sponsor}/CoinGauche.png");
					padding : 0px;
				}

				.right
				{
					width : @width_sponsor_right;
					background: url("@{url_accueil_sponsor}/CoinDroit.png");
					padding : 0px;
				}
			}
			#sponsor
			{
				position:relative;
				height : @height_sponsor;
				width : @width_menu;
				bottom : -30px;

				ul
				{
					text-decoration : none;
					float : left;
					display : block;
					padding : 0px;
					margin : 0px;
				}

				ul img
				{
					text-decoration : none;
					float : left;
				}

				ul li
				{
					text-decoration : none;
					float : left;
					display : block;
					padding : 0px;
					margin : 0px;

					img
					{
						display : inline-block;
						margin-top : 1px; 
					}

					span
					{
						float : left;
						display : inline-block;
					}
				}

				.top
				{
					height : @height_sponsor_top;

					li
					{
						height : @height_sponsor_top;
					}

					.one
					{
						width : @width_sponsor_one;
						background: url("@{url_accueil_sponsor}/Partie1.png");
						.title 
							{
								margin-left: 20px;
								margin-top: 15px;
								float: left;
								color:#F5F5F5 ;
								font-size: 15px;
								font-weight: bold;
								margin-right:50px;
							}
						.text 
							{
								margin-left:10px;
								margin-top: 15px;
								float: left;
								color:#F5F5F5 ;
								font-size: 15px;
								
							}
						.left
							{
								float: left;
								margin-left: 20px;
								margin-left:5px;
								margin-top:15px;
							}	
					}

					.two
					{	
						color:#F5F5F5;
						font-size :15px;
						font-weight:bold;
						width : @width_sponsor_two;
						background: url("@{url_accueil_sponsor}/Partie2.png") no-repeat;
						.title 
						{
							margin-left:20px;
							margin-top:15px;
						}
					}

					.three
					{	color:#F5F5F5;
						font-size :15px;
						font-weight:bold;
						width : @width_sponsor_three;
						background: url("@{url_accueil_sponsor}/Partie3.png");
						.title 
						{
							margin-left:20px;
							margin-top:15px;
						}
					}

				}

				.princip
				{
					.imgspon
					{
						margin-top:10px;
					}
					.list_sponsor(4);
				}

				.sponsor
				{
					.list_sponsor(1);
					margin-left : @margin_sponsor;
					.imgspon
					{
						margin-top:10px;
					}
				}

				.partenaire
				{
					.list_sponsor(1);
					margin-left : @margin_sponsor;
					.imgspon
					{
						margin-top:10px;
					}
				}
			}
		}
		/* - - - - - - - - - - - - - - - - -*/
		/*             compte(s)	        */
		/* - - - - - - - - - - - - - - - - -*/
		/* - - - - - - - - - - - - - - - - -*/
		/*            compte.php            */
		/* - - - - - - - - - - - - - - - - -*/
		#compte
		{
			
			width:@width_compte;
			height:@height_compte;
			position: relative;
			font-family: "Myriad Pro";
			background: url("../image/compte/back.png") no-repeat;
			margin-top:30px;
			float:left;
			z-index:1;
			
				
			.top_compte 
			{
				right: 2px;
				float:left;
				width: @width_compte;
				height: @height_topcompte;
				z-index:4;
				position: relative;
				display: block-inline;
				
				.coingauche 
				{
					float:left;
					width:7px;
					height: @height_topcompte;
					background: url("../image/naviguation/CoinGauche.png") no-repeat;
					
				}
				
				.corps_top 
				{
					width: 994px;
					height: @height_topcompte;
					background: url("../image/naviguation/Corps.png") repeat-x;
					float: left;
					z-index:4;
					
					.corps_top_left
					{
						width: 343px;
						height: @height_topcompte;
						display: inline-block;
						float: left;
						
						.barre 
						{
							float: right;
							position: relative;
						}
						
						.title_compte
						{
							font-family: "Myriad Pro", Arial;
							font-size: 24px;
							font-weight: bold;
							margin-left:26px;
							margin-top: 32px;
							position: relative;
							float: left;
							display: inline-block;
						}
						
						.char 
						{
							margin-top: 35px;
							margin-left:19px;
							float :left;
							position: relative;
							width: 22px;
							height: 24px;
							background: url("../image/compte/Personnage.png") no-repeat
						}
						
						.ucomment 
						{
							width: 320px;
							margin-left:26px;
							margin-bottom: 100px;
							clear:left;
							font-size: 12px;
							color: #aaaaaa;
							height: 12px;
							position: relative;
							
							.pseudo 
							{
							
							}
						}
					}
					
					.corps_top_center
					{
						width: 379px;
						height: @height_topcompte;
						display: inline-block;
						float:left;
						
						.barre 
						{
							float: right;
							position: relative;
						}
						
						.title_compte
						{
							font-family: "Myriad Pro", Arial;
							font-size: 24px;
							font-weight: bold;
							margin-left:26px;
							margin-top: 32px;
							position: relative;
							float: left;
							display: inline-block;
						}
						
						.jauge
						{
							margin-left: 20px;
							margin-top:43px;
							float:left;
							height: 12px;
							width:212px;
							background: url("../image/jauge/Jauge.png") no-repeat;
							position: relative;
							z-index:1;
							
							.coingauche3 
							{
								float:left;
								width:5px;
								height:12px;
								background: url("../image/jauge/JaugeGauche.png") no-repeat;
								z-index: 3;
							}
							
							.corps_remplissage
							{
								width: 150px;
								height:12px;
								background: url("../image/jauge/JaugeCorps.png") repeat-x;
								float:left;
								z-index: 3;
							}
						}
						
						.ucomment 
						{
								width: 320px;
								margin-left:26px;
								margin-bottom: 100px;
								clear:left;
								font-size: 12px;
								color: #aaaaaa;
								height: 12px;
								position: relative;
						}
					}
				
					.corps_top_right
					{
						width:272px;
						height: @height_topcompte;
						float:left;
						
						.bouton
						{
							height: 40px;
							width: 129px;
							margin-left: 27px;
							margin-top: 32px;
							float: left;
							display: inline-block;
							
							.coingauche2
							{
								float:left;
								width:7px;
								height:40px;
								background: url("../image/bouton/coingauche.png") no-repeat;
							}
							
							.corpsbouton 
							{
								height: 40px;
								width: 115px;
								background: url("../image/bouton/Corps.png") repeat-x;
								float:left;
								
								.iconebouton
								{
									margin-top: 8px;
									float: right;
									position: relative;
									margin-right: 10px;
								}
								
								.ecriturebouton
								{
									margin-top: 10px;
									margin-right:20px;
									position: relative;
									float: right;
									display: inline;
									color: white;
									font-size: 14px;
								}
							}
							
							.coindroit2
							{
								float:left;
								width:7px;
								height:40px;
								background: url("../image/bouton/coindroit.png") no-repeat;
							}
						}
						
						.probleme
						{
							float: right;
							margin-right: 23px;
							margin-top:37px;
							font-size: 12px;
							color: #aaaaaa;
							text-align: justify;
							height: 35px;
							
							.assistance 
							{
								margin-top:4px;
								margin-left: 4px;	
							}
						}
					}
				}
				
				.coindroit
				{
					float: left;
					width:7px;
					height: @height_topcompte;
					background: url("../image/naviguation/CoinDroit.png") no-repeat;
				}
			}	

			.coinbas 
			{
				background: url("../image/compte/coinbas.png") no-repeat;
				float:left;
				width:100%;
				height: 4px;
				margin-top:-3px;
			}
		/* - - - - - - - - - - - - - - - - -*/
		/*            compte1.php           */
		/* - - - - - - - - - - - - - - - - -*/
		 
			#compte1
			{
				width: 1014px;
				height: 518px;
				display: inline-block;
				float:left;
				z-index: 3;
				position: relative;
				.naviguation
				{
					right:2px;
					width: 295px;
					height: 522px;
					float: left;
					position: relative;
					z-index: 3;
					display: block-inline;	
				
					ul 
					{
						margin:0;
						padding:0;
						float:left;
						#selection 
						{
							position: relative;
							background: url("../image/compte/Bulle.png") no-repeat;
							color: black;
							z-index:5;
							width: 296px;
							height: 102px;
							
							.textlist
							{
								font-size:18px;
								margin-top: 25px;
								margin-left: 33px;
								float: left;	
								position: relative;
							}
							.commentlist
							{
								font-size: 12px;
								color: #aaaaaa;
								
							}
						}
						li
						{
							width:296px;
							height:102px;
							list-style-type: none;
							position: relative;
							color:#c6d2e1;
							font-family: Myriad Pro;
							font-weight: bold;
							line-height: 20px;
							float:left;
							.barrevertical
							{
								position: relative;
								float:left;
								margin-left:2px;
							}
							.textlist
							{
								font-size:18px;
								margin-top: 25px;
								margin-left: 33px;
								float: left;	
								position: relative;
							}
							.commentlist
							{
								margin-top:2px;
								font-size: 13px;
								color: #aaaaaa;
							}
						}
					}	
				}
				.information
				{
					
					bottom: 522px;
					width: 600px;
					height: 500px;
					margin-left:345px;
					background: url("../image/compte/Quadrillage.png") no-repeat;
					display: inline-block;
					float:left;
					z-index: 3;
					position: relative;
					border-collapse: collapse;
					td
					{
						width: 300px;
						height:100px;
						font-size: 14px;
						color: white;
						font-weight: bold;
						border-width: 3px;
						.title_content
						{
							position: relative;
							margin-left: 25px;
							font-weight: bold;
							.crayon
							{
								float: right;
								margin-right:20px;
								margin-top:-1px;
							}
							
							.invisible
							{
								visibility: hidden;
							}
						}
						.info
						{
							margin-left: 25px;
							color: #aaaaaa;
							font-size: 13px;
							display: inline-block;
							position: relative;
							margin-top: 10px;
						}
					}	
					.mineur
					{	
						width: 300px;
						height:103px;
						font-size: 14px;
						color: white;
						font-weight: bold;
						.background
						{
						width:300px;
						height:102px;
						margin-top:4px;
						float: left;
						background: url("../image/compte/BlocNaissance.png") no-repeat;
						
							.title_content
							{
								margin-top:35px;
								position: relative;
								margin-left: 25px;
								font-weight: bold;
								.crayon
								{
									float: right;
									margin-right:20px;
									margin-top:-1px;
								}
							}
							.infobas
							{
								color:#dddddd;
								margin-left: 25px;
								font-size: 13px;
								display: inline-block;
								position: relative;
								margin-top: 5px;
							}
							a
							{
							color:white;
							}
						}
					}
					.passpress
					{
						width: 300px;
						height:103px;
						font-size: 14px;
						color: white;
						.background
						{
						width:300px;
						height:102px;
						margin-top:3px;
						float: left;	
						background: url("../image/compte/BlocPresse.png") no-repeat;
							.title_content
							{
								margin-top:35px;
								position: relative;
								margin-left: 25px;
								font-weight: bold;
								.crayon
								{
									float: right;
									margin-right:20px;
									margin-top:-1px;
								}
							}
							.infobas
							{
								color:#dddddd;
								margin-left: 25px;
								font-size: 13px;
								display: inline-block;
								position: relative;
								margin-top: 5px;
							}
							a
					
							{
								color:white;
							}
						}
					}
					.nonlicence
					{
						width: 300px;
						height:103px;
						font-size: 14px;
						color: white;
						font-weight: bold;
						.background
						{
						width:300px;
						height:102px;
						margin-top:-7px;
						float: left;
						background: url("../image/compte/BlocLicence.png") no-repeat ;	
							.title_content
							{
								margin-top:40px;
								position: relative;
								margin-left: 25px;
								font-weight: bold;
								.crayon
								{
									float: right;
									margin-right:20px;
									margin-top:-1px;
								}
							}
							.infobas
							{
									color:#dddddd;
									margin-left: 25px;
									font-size: 13px;
									display: inline-block;
									position: relative;
									margin-top: 5px;
							}
							a
							{
								color:white;
							}
						}
					}
				}
			}	
		}
		/* - - - - - - - - - - - - - - - - -*/
		/*            compte.php(ie)        */
		/* - - - - - - - - - - - - - - - - -*/
		.ie 
		{
			#compte
			{
				width:1014px;
				height:626px ;
				position: relative;
				font-family: "Myriad Pro";
				background: url("../image/compte/back.png") no-repeat;
				margin-left: 450px;
				margin-right: 450px;
				float:left;
				.coinbas 
				{
					background: url("../image/compte/coinbas.png") no-repeat;
					float:left;
					width:1004px;
					height: 4px;
					margin-top:400px;
				}	
				
				.top_compte 
				{
					right: 2px;
					float:left;
					width: @width_compte;
					height: @height_compte;
					z-index:4;
					position: relative;
					display: block-inline;
					
					.coingauche 
					{
						float:left;
						width:7px;
						height: @height_topcompte;
						background: url("../image/naviguation/CoinGauche.png") no-repeat;
					}
					
					.corps_top 
					{
						width: 994px;
						height: @height_topcompte;
						background: url("../image/naviguation/Corps.png") repeat-x;
						float:left;
						z-index:4;
						
						.corps_top_left
						{
							width: 343px;
							height: @height_topcompte;
							display: inline-block;
							float: left;
							
							.barre 
							{
								float: right;
								position: relative;
							}
							
							.title_compte
							{
								font-family: "Myriad Pro", Arial;
								font-size: 24px;
								font-weight: bold;
								margin-left:26px;
								margin-top: 32px;
								position: relative;
								float: left;
								display: inline-block;
							}
							
							.char 
							{
								margin-top: 35px;
								margin-left:19px;
								float :left;
								position: relative;
								width: 22px;
								height: 24px;
								background: url("../image/compte/Personnage.png") no-repeat
							}
							
							.ucomment 
							{
								width: 320px;
								margin-left:26px;
								margin-bottom: 100px;
								float: left;
								font-size: 12px;
								color: #aaaaaa;
								height: 12px;
								position: relative;
								
								.pseudo 
								{
								
								}
							}
						}
						
						.corps_top_center
						{
							width: 379px;
							height: @height_topcompte;
							display: inline-block;
							float:left;
							
							.barre 
							{
								float: right;
								position: relative;
							}
							
							.title_compte
							{
								font-family: "Myriad Pro", Arial;
								font-size: 24px;
								font-weight: bold;
								margin-left:26px;
								margin-top: 32px;
								position: relative;
								float: left;
								display: inline-block;
							}
							
							.jauge
							{
								margin-left: 20px;
								margin-top:43px;
								float:left;
								height: 12px;
								width:212px;
								background: url("../image/jauge/Jauge.png") no-repeat;
								position: relative;
								z-index:1;
								
								.coingauche3 
								{
									float:left;
									width:5px;
									height:12px;
									background: url("../image/jauge/JaugeGauche.png") no-repeat;
									z-index: 3;
								}
								
								.corps_remplissage
								{
									width: 150px;
									height:12px;
									background: url("../image/jauge/JaugeCorps.png") repeat-x;
									float:left;
									z-index: 3;
								}
							}
							
							.ucomment 
							{
									width: 320px;
									margin-left:26px;
									margin-bottom: 100px;
									float: left;
									font-size: 12px;
									color: #aaaaaa;
									height: 12px;
									position: relative;
							}
						}
					
						.corps_top_right
						{
							width:272px;
							height: @height_topcompte;
							display: inline-block;
							float:left;
							
							.bouton
							{
								height: 40px;
								width: 129px;
								margin-left: 27px;
								margin-top: 32px;
								float: left;
								display: inline-block;
								
								.coingauche2
								{
									float:left;
									width:7px;
									height:40px;
									background: url("../image/bouton/coingauche.png") no-repeat;
								}
								
								.corpsbouton 
								{
									height: 40px;
									width: 115px;
									background: url("../image/bouton/Corps.png") repeat-x;
									float:left;
									
									.inconebouton
									{
										margin-top: 8px;
										float: right;
										position: relative;
										margin-right: 10px;
									}
									
									.ecriturebouton
									{
										margin-top: 10px;
										margin-right:20px;
										position: relative;
										float: right;
										display: inline;
										color: white;
										font-size: 14px;
									}
								}
								
								.coindroit2
								{
									float:left;
									width:7px;
									height:40px;
									background: url("../image/bouton/coindroit.png") no-repeat;
								}
							}
							
							.probleme
							{
								float: right;
								margin-right: 23px;
								margin-top:37px;
								font-size: 12px;
								color: #aaaaaa;
								text-align: justify;
								height: 35px;
								
								.assistance 
								{
									margin-top:4px;
									margin-left: 4px;	
								}
							}
						}
					}
					
					.coindroit
					{
						float: left;
						width:7px;
						height: @height_topcompte;
						background: url("../image/naviguation/CoinDroit.png") no-repeat;
					}
				}	
					
			}	
			
		}

		/* - - - - - - - - - - - - - - - - -*/
		/*          compte2.php		        */
		/* - - - - - - - - - - - - - - - - -*/
			.content
			{
			width: 1014px;
			height: 518px;
			display: inline-block;
			float:left;
			z-index: 3;
			position: relative;
				.naviguation
				{
					right:2px;
					width: 295px;
					height: 522px;
					float: left;
					position: relative;
					z-index: 3;
					display: block-inline;	
					ul
					{
						margin: 0;
						padding:0;	
						float:left;
						li
						{
							width:296px;
							height:102px;
							list-style-type: none;
							position: relative;
							color:#c6d2e1;
							font-family: Myriad Pro;
							font-weight: bold;
							line-height: 20px;
							float:left;
							.textlist
							{
								font-size:18px;
								margin-top: 25px;
								margin-left: 33px;
								float: left;	
								position: relative;
							}
							.commentlist
							{
							font-size: 12px;
							color: #aaaaaa;
							}
							.barrevertical
							{
								position: relative;
								float:left;
								margin-left:2px;
							}
						}
						#selection
						{
							position: relative;
							background: url("../image/compte/Bulle.png") no-repeat;
							color: black;
							z-index:5;
							width: 296px;
							height: 102px;
								.textlist
							{
								font-size:18px;
								margin-top: 25px;
								margin-left: 33px;
								float: left;	
								position: relative;
							}
							.commentlist
							{
							font-size: 12px;
							color: #aaaaaa;
							}
							.barrevertical
							{
								position: relative;
								float:left;
								margin-left:2px;
							}
						}
					}
				}
				.creationteam
				{
					bottom: 524px;
					width: 601px;
					height: 500px;
					margin-left:346px;
					display: inline-block;
					float:left;
					z-index: 3;
					position: relative;
					border-collapse: collapse;
					.choixjeu
					{
						background: url("../image/compte/fondbleu.png") no-repeat;
						height: 104px;
						width: 601px;
						z-index:3;
						.titleteam
						{
							padding-left:22px;
							.ajustement1
							{
								margin-top:21px;
								float:left;
								position:relative;
								display: inline-block;
								width:100px;
							}
							.ajustement2
							{
								margin-top:10px;
								float:left;
								position:relative;
								display: inline-block;
								width:150px;
								.changementcouleurs
								{
									color: #c6d2e1;
									font-size: 12px;
									font-weight: normal;
								}
							}
							.selectionjeu
							{
								background: url("../image/compte/menuderoulant.png") no-repeat;
								height:30px;
								width: 260px;
								color: #c6d2e1;
								padding-left:10px;
								padding-top:5px;
								float:left;
								margin-top:11px;
								.selecteur
								{
									width:12px;
									height:6px;
									margin-right: 20px;
									margin-top:8px;
									float: right;
									background: url("../image/compte/selecteur.png") no-repeat;
								}
							}
						}
					}
					tr
					{
						td
						{
							width: 300px;
							height:103px;
							font-size: 14px;
							color: white;
							font-weight: bold;
							border-width: 3px;
							.rejoindreequipe
							{
								margin-top:-15px;
								width:290;
								height:54;
								background: url("../image/compte/boutonvert2.png") no-repeat;
								padding-top: 18px;
								padding-bottom: 18px;
								padding-left: 30px;
							}
						}
						.infocreation
						{
							padding-bottom: 18px;
							padding-left: 20px;	
							.changementcouleurs
							{
								color: #c6d2e1;
								font-size: 12px;
								font-weight: normal;
							}
						}
					}
				}
			}
		
		
		
		
		footer
		{
			width : 100%;
			height : @height_footer;
			position: relative;
			margin:auto;
			background : #151515;
			
			table
			{
				margin:auto;
				height:288px;
				width: 1004px;
				position: relative;
				border-bottom : 1px solid #202020;
				top:44px;
				tr
				{	
					padding-left:0px;
					height : 130px;
					td
					{
						width : 205px;
						vertical-align : text-top;
					td .first
					{
						width:217px;
						vertical-align : text-top;
					}
						
						ul
						{
							
							list-style : none;
							position : relative;
							
							li
							{
								text-decoration : none;
								color : #404040;
								font-size : 13px;
								margin-left : -30px;
								line-height:20px;
								.old
								{
									color: #252525;
								}
							}
							.title
							{
								margin-top:-20px;
								text-decoration : none;
								color : #aaa;
								font-size : 14px;
								text-transform : uppercase;
								.bold;	
								margin-left : -30px;								
							}
						}
					}
					.separator
					{
						width : 1px;
						background : #202020;
						padding : 0px;
					}
				}
				.space
				{
					height : 25px;
				}
			}
			
			#copyright
			{
				position: relative;
				margin:auto;
				top:54px;
				color : #404040;
				font-size : 13px;
				width : 1010px;
				span
				{
					float : right;
					position : relative;
					left : 50px;
					top:5px;
				}
				img
				{
					float : right;
					position : relative;
					right : 100px;
				}
				a{color: #404040;}
			}
		}			
		#color_stick
		{
			margin:auto;
			width : 100%;
			height : @height_stick;
			background : url("@{url_footer}/Bande.png")
		}
    }
}

/* - - - - - - - - - - - - - - - - -*/
/*          Background.php          */
/* - - - - - - - - - - - - - - - - -*/

/* - - - - - - - - - - - - - - - - -*/
/*               Page               */
/* - - - - - - - - - - - - - - - - -*/
#article
{
			width:@width_compte;
			height:@height_compte;
			position: relative;
			font-family: "Myriad Pro";
			background: url("../image/article/backarticle.png") repeat-y;
			margin-top:40px;
			float:left;
			.top_article 
			{
				top:-4px;
				right: 2px;
				float:left;
				width: @width_compte;
				height: @height_topcompte;
				z-index:4;
				position: relative;
				display: block-inline;
				
				.coingauche 
				{
					float:left;
					width:7px;
					height: @height_topcompte;
					background: url("../image/naviguation/CoinGauche.png") no-repeat;
					
				}
				
				.corps_top 
				{
					width: 994px;
					height: @height_topcompte;
					background: url("../image/naviguation/Corps.png") repeat-x;
					float: left;
					z-index:4;
					
					.corps_top_left
					{
						width: 722px;
						height: @height_topcompte;
						display: inline-block;
						float: left;
						
						.barre 
						{
							float: right;
							position: relative;
						}
						
						.title_compte
						{
							font-family: "Myriad Pro", Arial;
							font-size: 24px;
							font-weight: bold;
							margin-left:26px;
							margin-top: 32px;
							position: relative;
							float: left;
							display: inline-block;
						}
						
											
						.ucomment 
						{
							width: 320px;
							margin-left:26px;
							margin-bottom: 100px;
							clear:left;
							font-size: 12px;
							color: #aaaaaa;
							height: 12px;
							position: relative;
						}
					}
				}
			}
			.coindroit
			{
				float: left;
				width:7px;
				height: @height_topcompte;
				background: url("../image/naviguation/CoinDroit.png") no-repeat;
			}
		.content
		{
			width: 1014px;
			height: 518px;
			display: inline-block;
			float:left;
			z-index: 3;
			position: relative;
					
			p
			{
				width:940px;
				margin-left:30px;
				margin-top:35px;
				margin-right:30px;
				overflow-x:hidden;
				overflow-y:	auto;
				.title
				{
				font-weight:bold;
				color: white;
				}
				.txt
				{	
				color: #c6d4df;
				}
			}
		}
		.title_article
		{	
			
			position:absolute;
			bottom:100px;
			width: @width_compte - 10px;
			height:104px;
			background	: url("../image/article/bande.png") repeat-y;
			.titre
			{
				float:left;
				width:715px;
				height:104px;
				p
				{	
					float:left;
					color: #c6d4df;
					position: relative;
					width:580px;
					height:60px;
					margin-top:30px;
					margin-left:15px;
					
				}
				.barre 
						{
							float: right;
							position: relative;
							margin-top:8px;
						}
				.assistance
				{
					float:left;
					margin-left:30px;
					margin-top:50px;
						
				}
			}
			.autor
			{
				float:left;
				width:286px;
				height:104px;
				
				p
				{
					color: #c6d4df;
					position: relative;
					width:205px;
					height:60x;
					margin-top:30px;
					margin-left:45px;
				}
			}
				
		}
		.comment	
		{
			.champs 
			{
				position: absolute;
				bottom:16px;
				margin-left:28px;
				width:660px;
				height:54px;
				float:left;
				.champsgauche
				{
					float: left;
					width: 7px;
					height:54px;
					background: url("../image/champs/ChampGauche.png") no-repeat;
				}
				.corps
				{
					display: inline-block;
					width: 646px;
					height: 54px;
					background: url("../image/champs/ChampCorps.png") repeat-x;
					float:left;
					.input_simple 
					{
					margin-top:8px;
					height: 35px;
					width: 410px;
					background-color: #f5f5f5;
					border: none;
					margin-left:15px;
					font-weight: bold;
					color: black;
					}
				}
				placeholder
				{
				color:#c6d4df;
				}
			
				.champsdroit
				{
					width: 7px;
					height: 54px;
					float: left;
					background: url("../image/champs/ChampDroite.png") no-repeat;
				}
			}
			.boutoncommentaire
			{
				position:absolute;
				width:220px;
				height:40px;
				bottom: 25px;
				right:40px;
				
				.coingauche
				{
					width:7px;
					height:40px;
					float:left;
					background: url("../image/bouton/CoinGauche.png") no-repeat;
				}
				.corpsbouton
				{
					width: 206px;
					height: 40px;
					background: url("../image/bouton/Corps.png") repeat-x;
					float:left;
				}
				.coindroit
				{
					width:7px;
					height:40px;
					float:left;
					background: url("../image/bouton/CoinDroit.png") no-repeat;
				}
				
				.assistance 
				{
				float:right;
				margin-left: 3px;
				margin-top:8px;
				}
			
				.ecriturebouton
				{
					color:white;
					text-decoration: none;
					margin-top:2px;
					float:left;
					margin-top:8px;
					margin-left:12px;
				}
				
			}
		}
	
		.coinbas 
		{
			background: url("../image/article/coinbas.png") no-repeat;
			float:left;
			width:1004px;
			height: 8px;
			
		}	
}
